<!DOCTYPE html>
<html>

<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>
		pomelo test
	</title>
	<!--<script src="./socket.io.js"></script>-->
	<script src="js/lib/build/build.js" type="text/javascript"></script>
	<script src="js/vue.js" type="text/javascript"></script>
	<script type="text/javascript">
		require('boot');
	</script>

	<style type="text/css">
		input {
			width: 40px;
		}
		
		button {
			border: 1px solid black;
			margin-right: 20px;
			/*background-color: white;*/
		}
		
		#leaveGame {
			color: red;
		}
		
		#msgList {
			height: 320px;
			padding: 2px 10px;
			overflow: auto;
			border: 1px solid blue;
		}
		
		#msgList li {
			list-style-type: decimal-leading-zero;
		}
	</style>
</head>

<body>
	<h1>Pomelo test</h1>
	<div id="gameList">
		<button v-on:click="bjl">百家乐测试</button>
		<br />
	</div>
	<div id="gameOperate">

		<button v-on:click="clearMsgs">清除记录</button>
		<br />
		<li v-for="room in roomData">
			{{ '用户:' + room.playerId + ' | 房间：' + room.rid + ' | 类型：' + room.type + ' | coin: ' + room.coin}}
		</li>
		<br /><br /> 游戏ID：
		<input v-model="gameId"> 用户ID：
		<input v-model="playerId"> 房间ID：
		<input v-model="rid"> 下注:
		<input v-model="bidNum">
		<br /><br />
		<button v-on:click="enterGame">进入游戏</button>
		<button v-on:click="autoReady">一键准备</button>
		<button v-on:click="nextRound">下一轮</button>
		<button id="leaveGame" v-on:click="leaveGame">退出游戏</button>
		<br /><br />
		<button v-on:click="enterRoom">进入房间</button>
		<button v-on:click="gameReady">游戏准备</button>
		<button v-on:click="applyBanker">上庄</button>
		<button v-on:click="notApplyBanker">不上庄</button>
		<button v-on:click="bid">下注</button>
		<button v-on:click="leaveRoom">退出房间</button>
		<br /><br />
		<button v-on:click="addObserver">观察游戏</button>
		<button v-on:click="getWaitRoom">获取空房间号</button>
		<br /><br />
		<div id="msgList">
			<li v-for="msg in msgs">
				{{ msg }}
			</li>
		</div>

	</div>
</body>

<script src="./test/util.js" type="text/javascript"></script>
<script src="./test/gameList.js" type="text/javascript"></script>
<script src="./test/ernn.js" type="text/javascript"></script>
<!--<script src="./test.js" type="text/javascript"></script>-->
<!--<script src="./test/bjl.js" type="text/javascript"></script>-->
<!--<script src="./test/fksc.js" type="text/javascript"></script>-->

</html>